<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>作品地带</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />
    <link rel="stylesheet" type="text/css" href="../../css/myProduct.css" />
</head>
<body id="productBody">
  <div id="header">
    <div id="back"></div>
    <h3>作品地带</h3>
  </div>
  <div id="all">
    <div class="nav product">
       <span class="active">按点击热度</span>
       <span>按更新时间</span>
    </div>

  </div>
  <footer>
    <button class="myBtn">提交我的作品</button>
  </footer>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>
<script type="text/javascript">
apiready=function(){
  //打开一个刷新的frame
  api.openFrame({
      name: 'product_refresh',
      url: 'product_refresh.html',
      customRefreshHeader: 'UIPullRefreshFlash',
      bounces: true,
      rect: {
          x: 0,
          y: 96,
          w: 'auto',
          h: api.winHeight-153
      }
  });
}
//jquery
$(function(){
  $(".nav span").on("touchstart",function(){
		addActive($(this),$(this).siblings());
	});
  $('.myBtn').click(function(){
    openPage("newProduct","newProduct.html");
  });
  back();
})
</script>
<script type="text/javascript" src="../../script/main.js"></script>
</html>
